.wode{
	.headBox{
		display: flex;
		flex-direction: column;
		align-items: center;
		.head_bg{
			width: 100%;
			height: 4.57rem;
		}
		.navBox{
			width: 6.9rem;
			height: 2.75rem;
			background: #FFFFFF;
			box-shadow: 0px 0.1rem 0.2rem rgba(112, 144, 176, 0.08);
			border-radius: 0.2rem;
			margin-top: -1.49rem;
			.head{
				display: flex;
				align-items: center;
				margin: 0.34rem 0 0 0.3rem;
				.head_img{
					width: 0.8rem;
					height: 0.8rem;
				}
				.right{
					display: flex;
					flex-direction: column;
					margin-left: 0.08rem;
					.top{
						display: flex;
						align-items: center;
						.name{
							font-size: 0.28rem;
							font-weight: 500;
							color: #1E2023;
						}
						.levelBox{
							display: flex;
							position: relative;
							margin-left: 0.08rem;
							.level_img{
								width: 1.22rem;
								height: 0.48rem;
							}
							.level_text{;
								font-size: 0.2rem;
								color: #F98958;
								position: absolute;
								top: 0.09rem;
								left: 0.5rem;
							}
						}
					}
					.bottom{
						margin-top: 0.11rem;
						display: flex;
						.tip{
							font-size: 0.2rem;
							color: #8A93A1;
							opacity: 1;
						}
					}
				}
			}
			.myUl{
				display: flex;
				margin: 0.51rem 0.3rem 0 0.3rem;
				justify-content: space-between;
				.myLi{
					display: flex;
					flex-direction: column;
					align-items: center;
					.count{
						font-size: 0.3rem;
						font-weight: 500;
						color: #1E2023;
					}
					.text{
						font-size: 0.24rem;
						color: #8A93A1;
						margin-top: 0.04rem;
					}
				}
			}
		}
	}
	.pictureBox{
		margin: 0.56rem 0 0 0.3rem;
		.head{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.left{
				display: flex;
				align-items: center;
				.line{
					width: 0.08rem;
					height: 0.4rem;
					background: #60A7F6;
					opacity: 1;
					border-radius: 0.04rem;
				}
				.title_text{
					font-size: 0.36rem;
					font-weight: 500;
					color: #1E2023;
					margin-left: 0.08rem;
				}
			}
			
		}
		.pictureUl::-webkit-scrollBar{
			display: none;
		}
		.pictureUl{
			display: flex;
			overflow-y: scroll;
			margin-top: 0.27rem;
			.pictureLi{
				display: flex;
				flex-direction: column;
				position: relative;
				margin-right: 0.14rem;
				.picture_bg{
					width: 2.8rem;
					height: 2.1rem;
				}
				.countBox{
					position: absolute;
					display: flex;
					top: 1.73rem;
					left: 2.08rem;
					.icon_img{
						width: 0.28rem;
						height: 0.28rem;
					}
					.count{
						font-size: 0.2rem;
						font-weight: 500;
						color: #FFFFFF;
						text-shadow: 0px 0.1rem 0.1rem rgba(0, 0, 0, 0.16);
					}
				}
				.title{
					font-size: 0.24rem;
					color: #1E2023;
					margin-top: 0.2rem;
				}
			}
		}
	}

	.myDtBox{
		margin: 0.56rem 0 0 0.3rem;
		.head{
			display: flex;
			justify-content: space-between;
			align-items: center;
			.left{
				display: flex;
				align-items: center;
				.line{
					width: 0.08rem;
					height: 0.4rem;
					background: #60A7F6;
					opacity: 1;
					border-radius: 0.04rem;
				}
				.title_text{
					font-size: 0.36rem;
					font-weight: 500;
					color: #1E2023;
					margin-left: 0.08rem;
				}
			}
			
		}
		.myDtUl{
			display: flex;
			flex-direction: column;
			margin: 0.18rem 0.3rem 0 0.3rem;
			.myDtLi{
				display: flex;
				// align-items: center;
				padding-bottom: 0.14rem;
				.left{
					display: flex;
					flex-direction: column;
					align-items: center;
					.timeBox{
						display: flex;
						align-items: center;
						.month{
							font-size: 0.24rem;
							font-weight: 500;
							color: black;
						}
						.day{
							font-size: 0.20rem;
							font-weight: 400;
							color: #8A93A1;
						}
					}
					.dashed{
						display: inline-block;
						margin-top: 0.14rem;
						height: 100%;
						border: 0.01rem dashed #8A93A1;
						opacity: 1;
					}
				}
				.container{
					display: flex;
					flex-direction: column;
					text-overflow:clip;
					white-space:nowrap; 
					overflow: hidden;
					margin-left: 0.6rem;
					.title{
						font-size: 0.28rem;
						color: #1E2023;
						opacity: 1;
					}
					.text{
						margin-top: 0.14rem;
						font-size: 0.2rem;
						color: #8A93A1;
						
					}
					.dt_picture_Ul{
						display: flex;
						flex-direction: column;
						flex-wrap: wrap;
						height: 3.4rem;
						margin-top: 0.3rem;
						justify-content: space-between;
						li:first-child{
							margin-left: 0;
						}
						li{
							width: 2.72rem;
							margin-left: 0.14rem;
							img{
								display: block;
								width: 100%;
							}
						}
					}
				}
			}
		}
	}
}